{% extends "base.html" %}
{% load i18n %}
{% block head-css-ext %}
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/layout.css" />
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/forms.css" media="screen" />  
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/jquery-ui.css" media="screen" />
{% endblock %}

{% block head-js-ext %}
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script>
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery-ui.js"></script>  
  <!--[if IE]><script type="text/javascript" src="{{MEDIA_URL}}js/jquery.bgiframe.js"></script><![endif]-->
{% endblock %}

{% block head-js-embedded %}
  <script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
	  $("input:submit", ".enviar").button();	
    });
  </script>
{% endblock %}

{% block navigation %}
  <ul>
    <li><a href="{% url index %}" class="first">{% trans "Home" %}</a></li>
  </ul>
{% endblock %}

{% block content-box1 %}
  {% if validlink %}
	<form method="post" action=".">{% csrf_token %}
	  <table>
		<tr>
		  <td><label for="id_new_password1">Contraseña nueva:</label>{% if form.new_password1.errors %}<div class="error">{{ form.new_password1.errors|join:", " }}</div>{% endif %}</td>
		  <td>{{ form.new_password1 }}</td>
		</tr>
		<tr>
		  <td><label for="id_new_password2">Contraseña nueva (confirmación):</label>{% if form.new_password2.errors %}<div class="error">{{ form.new_password2.errors|join:", " }}</div>{% endif %}</td>
		  <td>{{ form.new_password2 }}</td>
		</tr>
	  </table>
	  <br>
	  <div align="center" class="enviar" >
		<input type="submit" value="Enviar" />
	  </div>
    </form>
  {% else %}
	<p>{% trans "Password reset failed" %}</p>
  {% endif %}
{% endblock %}
{% block content-colum2 %}{% endblock %}